﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="AppOne.Index" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        #CenterDivOuter
        {            
            position:relative;
            top:50%;
            left:50%;
        }
        #CenterDiv
        {
            border:10px solid Green;
            position:relative;
            top:-50%;
            left:-50%;
            background-color:#0C6D37;
            border: 10x solid Red;
            height:600px;
        }
        #TableCenter
        {
            margin:0;
            padding:0;
            border:50x solid Red;
        }
        .style3
        {
            width: 250px;
            height: 79px;
            margin: 0;
            padding: 0;
        }
        .style6
        {
            width: 252px;
            height: 79px;
            margin: 0;
            padding: 0;
        }
        .style7
        {
            width: 252px;
            height: 112px;
            margin: 0;
            padding: 0;
        }
        .style8
        {
            width: 250px;
            height: 112px;
            margin: 0;
            padding: 0;
        }
        .style9
        {
            width: 252px;
            height: 62px;
            margin: 0;
            padding: 0;
        }
        .style10
        {
            width: 120px;
            height: 62px;
            margin: 0;
            padding: 0;
        }
    </style>

    <!-- 显示时间 -->
    <script language="JavaScript" type="text/javascript">
        function nowTime(format) {
            var dt = new Date();
            //年份
            this.Year = dt.getFullYear();
            //月份
            this.Month = dt.getMonth() + 1;
            //日期
            this.Day = dt.getDate();
            //星期几,数字
            this.Week = dt.getDay();
            //星期几，中文
            this.WeekDay = '日一二三四五六'.charAt(dt.getDay());
            //24制小时
            this.Hours24 = dt.getHours();
            //12制小时
            this.Hours12 = this.Hours24 > 12 ? this.Hours24 - 12 : this.Hours24;
            //分钟
            this.Minutes = dt.getMinutes();
            //秒
            this.Seconds = dt.getSeconds();
            format = format.replace("yy", this.Year);
            format = format.replace("MM", this.Month);
            format = format.replace("dd", this.Day);
            format = format.replace("HH", this.Hours24);
            format = format.replace("hh", this.Hours12);
            format = format.replace("mm", this.Minutes);
            format = format.replace("ss", this.Seconds);
            format = format.replace("ww", this.Week);
            format = format.replace("WW", this.WeekDay);
            //时间显示在页面中哪个标签里，这里是其id
            this.toShow = function (element) {
                document.getElementById(element).innerHTML = format;
            }
        }
    </script>
</head>
<body>    
    <form id="form1" runat="server">    
    <div id="CenterDivOuter">
    <div id="CenterDiv">
        <table id="TableCenter" align="center" cellpadding="20" cellspacing="10">
            <tr>
                <td class="style7">
                    <asp:ImageButton ID="ImgBtn1" runat="server" ImageUrl="~/Support/btn1.bmp" 
                        onclick="ImgBtn1_Click" />
                </td>
                <td class="style8">
                    <asp:ImageButton ID="ImgBtn2" runat="server" ImageUrl="~/Support/btn2.bmp" 
                        onclick="ImgBtn2_Click" />
                </td>
                <td colspan="2" class="style8">
                    <asp:ImageButton ID="ImgBtn3" runat="server" ImageUrl="~/Support/btn3.bmp" 
                        onclick="ImgBtn3_Click" />
                </td>
            </tr>
            <tr>
                <td class="style9">
                    <asp:ImageButton ID="ImgBtn4" runat="server" ImageUrl="~/Support/btn4.bmp" 
                        onclick="ImgBtn4_Click" />
                </td>
                <td class="style11">
                    <div>
                        <asp:ImageButton ID="ImgBtnLive" runat="server" 
                            ImageUrl="~/Support/btnLive.bmp" onclick="ImgBtnLive_Click"/>
                    </div>
                    <div id="timeshow" 
                        style="font-family: 楷体_GB2312; font-size: 12px; color: #FFFFFF;">
                        <script language="JavaScript" type="text/javascript" defer="defer">
                            new nowTime('yy-MM-dd hh:mm:ss<br\>星期WW').toShow('timeshow');
                            setInterval("new nowTime('yy-MM-dd hh:mm:ss<br\>星期WW').toShow('timeshow')", 1000);
                        </script>
                    </div>
                </td>
                <td class="style10">
                    <asp:ImageButton ID="ImgBtn7" runat="server" ImageUrl="~/Support/btn7.bmp" 
                        onclick="ImgBtn7_Click" />
                </td>
                <td class="style10">
                    <asp:ImageButton ID="ImgBtnReset" runat="server" ImageUrl="~/Support/btn_reset.bmp" 
                        onclick="ImgBtnReset_Click" />
                </td>
            </tr>
            <tr>
                <td class="style6">
                    <asp:ImageButton ID="ImgBtn5" runat="server" ImageUrl="~/Support/btn5.bmp" 
                        onclick="ImgBtn5_Click" />
                </td>
                <td class="style3">
                    <asp:ImageButton ID="ImgBtn6" runat="server" ImageUrl="~/Support/btn6.bmp" 
                        onclick="ImgBtn6_Click" />
                </td>
                <td class="style10">
                    <asp:ImageButton ID="ImgBtnPrint" runat="server" ImageUrl="~/Support/btn_print.bmp" 
                        onclick="ImgBtnPrint_Click" />
                </td>
                <td class="style10">
                    <asp:ImageButton ID="ImgBtnSetting" runat="server" 
                        ImageUrl="~/Support/btn_setting.bmp" onclick="ImgBtnSetting_Click" />
                </td>
            </tr>
        </table>
    </div>
    </div>
    </form>
</body>
</html>
